<template>
	<div id="zhuce">
		<van-nav-bar
		  title="个人信息"
		  left-text="返回"
		  left-arrow
		  @click-left="onClickLeft"
		/>
	<van-cell title="头像" />
	<img  class="totk" src="../../public/a11.jpg" >
	<van-cell title="昵称" is-link />
	<van-cell title="性别" is-link />
	<van-cell title="生日" is-link />
	
	<!-- 退出登入 -->
	<div class="log">
		<button type="button" >确定</button>
	</div>
	</div>
</template>

<style type="text/css">
	.log button{
		width: 365px;
		height: 40px;
		background-color: #008c00;
		color: #ffffff;
		border: none;
		margin: 0 5PX;
	}
	.totk{
		width: 36px;
		height: 36px;
		border-radius: 50%;
		position: absolute;
		top: 49px;
		right: 30px;
	}
</style>

<script type="text/javascript">
	import { NavBar } from 'vant';
	import { Cell, CellGroup } from 'vant';
	
	
	export default{
		components:{
			[NavBar.name]:NavBar,
			[Cell.name]:Cell,
			[CellGroup.name]:CellGroup,
			
		},
	
	methods: {
	    onClickLeft() {
	      Toast('返回');
	    },
	    onClickRight() {
	      Toast('按钮');
	    },
	  },
	}
</script>